html[data-theme='lightDark'] {
    --el-color-white: #fff;
    --el-color-black: #000;
    --el-color-primary-rgb: 64, 158, 255;
    --el-color-success-rgb: 103, 194, 58;
    --el-color-warning-rgb: 230, 162, 60;
    --el-color-danger-rgb: 245, 108, 108;
    --el-color-error-rgb: 245, 108, 108;
    --el-color-info-rgb: 144, 147, 153;
    --el-color-primary: rgba(7, 24, 62, 0.5);
    --el-color-primary-light-3: #3ba2fe;
    --el-color-primary-light-5: #a0cfff;
    --el-color-primary-light-7: #c6e2ff;
    --el-color-primary-light-8: #d9ecff;
    --el-color-primary-light-9: #135bce;
    --el-color-primary-dark-2: #3683d4;
    --el-color-success: #67c23a;
    --el-color-success-light-3: #95d475;
    --el-color-success-light-5: #b3e19d;
    --el-color-success-light-7: #d1edc4;
    --el-color-success-light-8: #e1f3d8;
    --el-color-success-light-9: #f0f9eb;
    --el-color-success-dark-2: #529b2e;
    --el-color-warning: #e6a23c;
    --el-color-warning-light-3: #eebe77;
    --el-color-warning-light-5: #f3d19e;
    --el-color-warning-light-7: #f8e3c5;
    --el-color-warning-light-8: #faecd8;
    --el-color-warning-light-9: #fdf6ec;
    --el-color-warning-dark-2: #b88230;
    --el-color-danger: #f56c6c;
    --el-color-danger-light-3: #f89898;
    --el-color-danger-light-5: #fab6b6;
    --el-color-danger-light-7: #fcd3d3;
    --el-color-danger-light-8: #fde2e2;
    --el-color-danger-light-9: #fef0f0;
    --el-color-danger-dark-2: #c45656;
    --el-color-error: #f56c6c;
    --el-color-error-light-3: #f89898;
    --el-color-error-light-5: #fab6b6;
    --el-color-error-light-7: #fcd3d3;
    --el-color-error-light-8: #fde2e2;
    --el-color-error-light-9: #fef0f0;
    --el-color-error-dark-2: #c45656;
    --el-color-info: #909399;
    --el-color-info-light-3: #b1b3b8;
    --el-color-info-light-5: #c8c9cc;
    --el-color-info-light-7: #dedfe0;
    --el-color-info-light-8: #e9e9eb;
    --el-color-info-light-9: #2455a4;
    --el-color-info-dark-2: #73767a;
    --el-bg-color: rgba(19, 35, 46, 0.5);
    --el-bg-color-page: #053d97;
    --el-bg-color-overlay: #004DAA;
    --el-text-color-primary: #eaeaea;
    --el-text-color-regular: #fff;
    --el-text-color-secondary: #cececf;
    --el-text-color-placeholder: #c8c8c9;
    --el-text-color-disabled: #409eff;
    --el-border-color: #0f70bd;
    --el-border-color-light: #446eb1;
    --el-border-color-lighter: #0f70bd;
    --el-border-color-extra-light: #1668e2;
    --el-border-color-dark: #0f70bd;
    --el-border-color-darker: #0f70bd;
    --el-fill-color: #0b48aa;
    --el-fill-color-light: #004DAA;
    --el-fill-color-lighter: #105fde;
    --el-fill-color-extra-light: #fafcff;
    --el-fill-color-dark: #ebedf0;
    --el-fill-color-darker: #e6e8eb;
    --el-fill-color-blank: rgba(19, 35, 46, 0.5);
    --el-box-shadow: 0px 12px 32px 4px rgb(0 0 0 / 4%), 0px 8px 20px rgb(0 0 0 / 8%);
    --el-box-shadow-light: 0px 0px 12px rgb(0 0 0 / 12%);
    --el-box-shadow-lighter: 0px 0px 6px rgb(0 0 0 / 12%);
    --el-box-shadow-dark: 0px 16px 48px 16px rgb(0 0 0 / 8%), 0px 12px 32px rgb(0 0 0 / 12%),
        0px 8px 16px -8px rgb(0 0 0 / 16%);
    --el-overlay-color: rgb(0 0 0 / 80%);
    --el-overlay-color-light: rgb(0 0 0 / 70%);
    --el-overlay-color-lighter: rgb(0 0 0 / 50%);
    --el-mask-color: rgb(0 0 0 / 50%);
    --el-mask-color-extra-light: rgb(1 1 1 / 30%);
}